; (function () {
    // 步骤3：创建echarts实例
    let myChart = echarts.init(document.querySelector('.box_m2'))

    // 步骤4：定义配置（指定图表的配置项和数据）
    option = {
        grid: {
            left: '5%',
            right: '5%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        legend: {
            data: ['图例1', '图例2', '完成率']
        },
        xAxis: [
            {
                type: 'category',
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '图例2',
                min: 0,
                max: 50,
                interval: 10,
                axisLabel: {
                    formatter: '{value}'
                }
            },
            {
                type: 'value',
                name: '完成率',
                min: 0,
                max: 100,
                interval: 20,
                axisLabel: {
                    formatter: '{value}'
                }
            }
        ],
        series: [
            {
                name: '图例1',
                type: 'bar',
                tooltip: {
                    valueFormatter: function (value) {
                        return value;
                    }
                },
                data: [
                    2.0, 4.9, 7.0, 23.2, 25.6, 46.7, 27.6, 42.2, 32.6, 20.0, 6.4, 3.3
                ]
            },
            {
                name: '图例2',
                type: 'bar',
                tooltip: {
                    valueFormatter: function (value) {
                        return value;
                    }
                },
                data: [
                    2.6, 5.9, 9.0, 26.4, 28.7, 40.7, 15.6, 32.2, 48.7, 18.8, 6.0, 2.3
                ]
            },
            {
                name: '完成率',
                type: 'line',
                yAxisIndex: 1,
                tooltip: {
                    valueFormatter: function (value) {
                        return value;
                    }
                },
                data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
            }
        ]
    };

    // 步骤5：使用刚指定的配置项和数据显示图表
    myChart.setOption(option)

    window.onresize = function () {
        myChart.resize()
    }
})()